<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页|爱采购</title>
    <link rel="stylesheet" href="./css/public.css">
    <link rel="stylesheet" href="./css/index.css">
    <style></style>
</head>

<body>
    <!-- top-bar -->
    <div class="top floor">
        <div class="top-bar">
            <div class="top-bar-left">
                <p>欢迎来到爱采购，百度旗下B2B平台！</p>
                <a href="./register.html" class="goLogin">登录/注册</a>
                <span class="user-name"></span>
                <p class="quit" style="margin-left: 10px;cursor: pointer;">退出</p>
            </div>
            <ul class="top-bar-right">
                <li><a href="./index.html">百度爱采购首页</a></li>
                <li><a href="./cart.html" class="goCart">购物车</a></li>
                <li class="menu">我要采购&nbsp;▽
                    <div class="sub">
                        <a href="#">买家版app</a>
                        <a href="#">我的订单</a>
                        <a href="#">全网询价</a>
                        <a href="#">询单管理</a>
                        <a href="#">电子合同</a>
                        <a href="#">我的名片</a>
                    </div>
                </li>
                <li class="menu">我有资源&nbsp;▽
                    <div class="sub">
                        <a href="#">商家社区</a>
                        <a href="#">卖家版app</a>
                        <a href="#">续费专享</a>
                        <a href="#">厂家入驻</a>
                        <a href="#">采购营销</a>
                    </div>
                </li>
                <li><a href="#">会员商家</a></li>
                <li><a href="#">实力供应商</a></li>
                <li><a href="#">意见反馈</a></li>
            </ul>
        </div>
    </div>
    <!-- header -->
    <div class="head">
        <header>
            <h1><a href="./index.html">爱采购</a></h1>
            <div class="search-wrap">
                <ul>
                    <li class="on">货源</li>
                    <li>厂家</li>
                </ul>
                <form action="">
                    <input type="search" name="" id="search-bar">
                    <ul class="associative"></ul>
                    <button id="search-btn1">搜索</button>
                    <button id="search-btn2">全网询价</button>
                </form>
                <div class="suggest-list">
                    <a href="#">伟大工厂×化工能源采购狂欢周</a>
                    <a href="#">防汛物资</a>
                    <a href="#">挖掘机</a>
                    <a href="#">包子机</a>
                    <a href="#">树苗批发</a>
                    <a href="#">切割机</a>
                </div>
            </div>
        </header>
    </div>
    <!-- bar -->
    <div class="bar-wrap">
        <div class="bar">
            <div>全部商品分类</div>
            <ul>
                <li><a href="#">爱采购自营专区</a></li>
                <li><a href="#">工业品一站购</a></li>
                <li><a href="#">实力优品</a></li>
                <li><a href="#">商家社区</a></li>
                <li><a href="#">供应商入驻</a></li>
            </ul>
        </div>
    </div>
    <section>
        <!-- nav,banner -->
        <div class="nav-wrap">
            <ul class="nav-left">
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
            </ul>
            <div class="nav-middle">
                <div class="banner">
                    <div class="wrap">
                    </div>
                    <div class="arrow">
                        <span class="left">◀</span>
                        <span class="right">▶</span>
                    </div>
                    <div class="swiper">
                    </div>
                </div>
                <div class="small-banner">
                    <span><a href="#"><img src="./images/small01.png" alt=""></a></span>
                    <span><a href="#"><img src="./images/small02.jpg" alt=""></a></span>
                    <span><a href="#"><img src="./images/small03.jpg" alt=""></a></span>
                </div>
            </div>
            <div class="dashboard">
                <div class="dashboard-top">
                    <div class="avatar">
                        <span class="user-pic"><img src="" alt=""></span>
                        <div>
                            <p><span class="user-name"></span>欢迎来到爱采购</p>
                            <p>设置采购名片</p>
                        </div>
                    </div>
                    <button class="goLogin">快捷登录/注册</button>
                    <button class="quit">退出</button>
                </div>
                <ul>
                    <li><a href="#"><span></span>询单管理</a></li>
                    <li><a href="#"><span></span>消息管理</a></li>
                    <li><a href="./cart.html" class="goCart"><span></span>我的购物车</a></li>
                    <li><a href="#"><span></span>我的订单</a></li>
                </ul>
                <div class="tab">
                    <ul class="tabs">
                        <li class="on">近期公告</li>
                        <li>规则中心</li>
                    </ul>
                    <div class="items">
                        <div class="active">
                            <a href="#">速报名！5.5折深圳工业展展位预售！</a>
                            <a href="#">爱采购协议修订通知</a>
                            <a href="#">2021年百度爱采购服务商引入告知函</a>
                            <a href="#">百度爱采购服务商打假公告</a>
                        </div>
                        <div>
                            <a href="#">爱采购工业品行业标准</a>
                            <a href="#">爱采购在线交易争议处理规则</a>
                            <a href="#">知识产权侵权投诉及申诉处理规则</a>
                            <a href="#">风控规则</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- product -->
        <div class="prod-wrap floor">
            <h2 class="title">商品一览
                <em>实力厂商 货源充足</em>
                <a href="./searchlist.html">查看更多</a>
            </h2>
            <ul class="cont">
                <li class="prod">
                    <a href="#">
                        <figure>
                            <img src="./images/prod01.jfif" alt="">
                            <figcaption>山东临沂发电机出租租赁</figcaption>
                        </figure>
                        <div class="price">
                            <p>￥300.00</p>
                            <span>立即购买</span>
                        </div>
                    </a>
                </li>
            </ul>
        </div>
        <!-- recom -->
        <div class="recom-wrap floor">
            <h2 class="title">为你推荐
                <em>海量货源 实时推荐</em>
            </h2>
            <ul>
            </ul>
        </div>
    </section>
    <ul class="floor-list">
        <li>顶部</li>
        <li>商品一览</li>
        <li>为您推荐</li>
        <li>尾部</li>
    </ul>
    <!-- 页尾 -->
    <footer class="floor">
        <div>
            <ul>
                <li>
                    <h3>买家指南</h3>
                    <a href="#">功能介绍</a>
                    <a href="#">常见问题</a>
                    <a href="#">服务条款</a>
                </li>
                <li>
                    <h3>卖家指南</h3>
                    <a href="#">入驻流程</a>
                    <a href="#">常见问题</a>
                    <a href="#">服务商查询</a>
                </li>
                <li>
                    <h3>关于我们</h3>
                    <a href="#">产品百科</a>
                    <a href="#">平台声明</a>
                </li>
                <li>
                    <h3>联系我们</h3>
                    <a href="#">投诉反馈</a>
                </li>
            </ul>
            <div>
                <h3>公众号（百度爱采购）</h3>
                <img src="./images/qr.png" alt="">
            </div>
        </div>
        <div>
            <p><span>互联网药品信息服务资格证书（京）-经营性-2017-0020 </span><span> 医疗器械网络交易服务第三方平台备案：（京）网械平台备字（2020） 第00002号</span></p>
            <p><span>京ICP证030173号</span><span>京公网安备11000002000001号</span></p>
        </div>
    </footer>
</body>
<script src="./data/nav-min.json"></script>
<script src="./data/recom-min.json"></script>
<script src="./js/ajax.js"></script>
<script src="./js/jsonp.js"></script>
<script src="./libs/jquery.js"></script>
<script src="./js/index.js"></script>
<script src="./js/jquery.index.js"></script>
<script src="./js/jquery.banner.js"></script>
<script src="./libs/require.js" data-main="./js/indexMain"></script>
<script>

    $(".floor-list").children("li").click(function () {
        $("html").animate({
            scrollTop: $('.floor').eq($(this).index()).offset().top
        })
    })
</script>

</html>